﻿<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>

    <script src="../../Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="../../Scripts/myScript/validate.js"></script>
    <script src="../../Scripts/myScript/layout.js" type="text/javascript"></script>

    <style type="text/css">
        body {
            font-family: Tahoma;
            font-size: 10.5pt;
        }

        .hide {
            display: none;
        }

        .clear {
            clear: both;
        }
    </style>
</head>

<body style="width: 100%; min-width: 900px; padding: 0; margin: 0">
    <div id="wrapper">
        <div style="height: 82px; background: rgb(104,33,122);">
            <div style="margin: auto; width: 900px">
                <div style="float: right; color: #fff; padding: 10px">
                    <div>
                        <div style="float: left; width: 170px">Email</div>
                        <div style="float: left; width: 170px">Mật khẩu</div>
                        <div class="clear"></div>
                    </div>

                    <div>
                        <div style="float: left; width: 170px">
                            <input type="text" id="txtTenDangNhap" name="txtTenDangNhap" style="width: 150px" />
                        </div>
                        <div style="float: left; width: 170px">
                            <input type="password" id="txtMatKhau" name="txtMatKhau" style="width: 150px" />
                        </div>
                        <div style="float: left">
                            <input type="submit" id="bnDangNhap" name="bnDangNhap" value="Đăng nhập" />
                        </div>
                        <div class="clear"></div>
                    </div>

                    <div>
                        <div style="float: left; width: 170px">
                            <input type="checkbox" id="ckDuyTriDangNhap" name="ckDuyTriDangNhap" />Duy trì đăng nhập
                        </div>
                        <div style="float: left; width: 170px">
                            <a href="javascript:void(0)" style="color: #fff; text-decoration: none">Quên mật khẩu?</a>
                        </div>
                        <div class="clear"></div>
                    </div>

                    <div class="clear"></div>
                </div>

                <div style="float: left; margin: 20px">
                    <a href="javascript:window.location.href='/Home/Index'"
                        style="background: url('../../Images/mlogo.png') no-repeat; width: 170px; height: 36px; cursor: pointer; display: block; border: none"></a>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="clear"></div>

        <div id="mainContent" style="background: rgb(231, 235, 242); min-height: 520px;">
            @RenderBody()
        </div>
        <div class="clear"></div>

        <div id="footer" style="color: #00f; height: 70px; line-height: 70px; text-align: center; background: #ddf">
            This is my footer
        </div>
        <div class="clear"></div>
    </div>
</body>
</html>
